<!DOCTYPE html>
<html>
  <head>
    <title>通用应用程序界面文件生成器</title>
    <meta charset="utf-8">
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="core.js"></script>
    <link rel="stylesheet" href="index.css">
  </head>
  <body>
<h1>通用应用程序界面文件生成器</h1>
<span>选择要添加的组件</span>
<select id="chooser">
<option>按钮</option>
<option>下拉框</option>
</select>
<button id="add">添加</button>
<button>导出界面文件</button>
<button>保存工程(LocalStorage)</button>
<a href="blockly.html" target="_blank">打开blockly积木块代码编辑器</a>
<button id="btn_clear">删除所有ui组件</button>
<hr/>
<div id="design_editor">
  设计界面
</div>
<div class="block">
<p id="t">属性</p>
  <ul id="prop">
    <li>宽度</li>
    <input class="editbox" type="text">
    <select name="" id="">
      <option>px</option>
      <option>cm</option>
      <option>百分数</option>
    </select>
    <li>高度</li>
    <input class="editbox" type="text">
    <li>文字内容</li>
    <input class="editbox" type="text">
    <li><button id="apply">应用修改</button></li>
  </ul>
  </div>
  <hr>
  <h3>html</h3>
  <div class="code_preview" editable="true" >
    代码预览
    <xmp><!DOCTYPE html>
      <html>
      <head>
          <meta charset="utf-8">
          <title>测试</title>
      </head>
      <body>
          
      </body>
      </html></xmp>
  </div>
  <h3>安卓</h3>
  <div class="code_preview" editable="true" >
    代码预览
    <?xml version="1.0" encoding="utf-8"?>
  <xmp>
  <LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
	  android:layout_height="match_parent"
	  android:orientation="vertical">
</LinearLayout></xmp>
  </div>
  <h3>javafx</h3>
  <div class="code_preview" editable="true" >
    代码预览
  </div>
  <h3>fltk</h3>
  <div class="code_preview" editable="true" >
    代码预览
  </div>
  <h3>kde</h3>
  <div class="code_preview" editable="true" >
    代码预览
  </div>
  <h3>ios</h3>
  <div class="code_preview" editable="true" >
    代码预览
  </div>
  <h3>c#</h3>
  <div class="code_preview" editable="true" >
    代码预览
  </div>
  
</body>
</html>